/**
 * Created by Administrator on 2017/3/4 0004.
 */
import React, { Component } from 'react';
import {
    AppRegistry,
    StyleSheet,
    Text,
    View,
    Image,
    TouchableOpacity,
    Dimensions,
    Navigator,
    BackAndroid
} from 'react-native';

var width = Dimensions.get('window').width;
var height = Dimensions.get('window').height;


export default class historyOrder extends Component{
    historyDBtn(){
        this.props.navigator.push({
            name:'historyDetails'
        })
    }
    render() {
        return (
            <View style={styles.flex}>
                <View style={styles.mentionContent}
                      onPress={this.historyDBtn()}>
                    <Text style={styles.textFonts}>福建->厦门</Text>
                    <Text style={styles.textFonts}>订单类型：零担</Text>
                    <Text style={styles.textFonts}>货物类型：陶瓷</Text>
                    <Text style={styles.textFonts}>货物体积、重量：1000L 1t</Text>
                </View>
            </View>

        )
    }
}

const styles = StyleSheet.create({
    flex: {
        flex: 1
    },
    mentionContent:{
        flex:1,
        flexDirection: "column",
        justifyContent: "flex-start",
        alignItems: "center",
        backgroundColor: "grey",
        marginBottom: 20,
        borderBottomColor: "grey",
        borderBottomWidth: 1
    },
    textFonts: {
        color: "black",
        fontSize: 16
    }
});

AppRegistry.registerComponent('historyOrder', () => historyOrder);
